<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <title>Document</title>
    <link rel="stylesheet" href="./css/pub.css">
    <link rel="stylesheet" href="./css/b.css">
    <link rel="stylesheet" href="./front/iconfont.css">
    <script src="./front/iconfont.js"></script>
</head>
<body>
    <div class="main">
        <div class="b1">
            <div class="b1_1"><img  src="./img/wd_logo.jpg" alt=""></div>
            <div class="b1_2"><p>登录即得限免卡<i class="iconfont icon-fangxiang-xiangyou"></i></p></div>
            <div class="b1_3"><img src="./img/wd_yd.jpg" alt=""><span>签到</span></div>
        </div>
        <div class="b2">
            <div class="b2_1"><h4>萌新限免卡</h4></div>
            <div class="b2_2"><p>全站5K+国漫免费看</p></div>
            <div class="b2_3"><img src="./img/xmk.jpg" alt=""></div>
        </div>
        <div class="b3">
                <ul class="b3_1">
                    <li>0<p>点券</p><span>去充值></span></li>
                    <li>0<p>阅点</p></li>
                    <li>0<p>阅读券</p></li>
                    <li class="zhh"><i class="iconfont icon-qianbao"></i><p>我的账户</p></li>
                </ul>
            <ul class="b3_2">
                <li><img src="./img/v会员.jpg" alt=""></li>
                <li><p>新人首页近9元</p></li>
                <li><button>立即开通</button></li>
                
            </ul>
        </div>
        <div class="b4">
            <ul class="b4_1">
                <li>
                    <div>
                        <img src="./img/4.jpg" alt="">
                        <p> 1话/294话</p>
                        <span> 大奉打更人</span>
                    </div>
                    
                </li>
                <li>
                    <div>
                        <img src="./img/1.jpg" alt="">
                        <p> 3话/577话</p>
                        <span> 斗破苍穹</span>
                    </div>
                    
                </li>
                <li>
                    <div>
                        <img src="./img/1.jpg" alt="">
                        <p> 3话/577话</p>
                        <span> 斗破苍穹</span>
                    </div>
                    
                </li>
                <li>
                    <div>
                        <img src="./img/1.jpg" alt="">
                        <p> 3话/577话</p>
                        <span> 斗破苍穹</span>
                    </div>
                    
                </li>
            </ul>
            <ul class="b4_2">
                <li>历</li>
                <li>史</li>
                <li>记</li>
                <li>录</li>
                <li><i class="iconfont icon-fangxiang-xiangyou"></i></li>
            </ul>
        </div>
        <div class="b5">
            <ul class="b5_1">
                <div class="b5_text">
                    <p>福利中心</p>
                    <span>领福利<i class="iconfont icon-fangxiang-xiangyou"></i></span>
                </div>
                    
                <li>
                    <img src="./img/b5_1.jpg" alt="">
                </li>
                <li>
                    <img src="./img/b5_2.jpg" alt="">
                </li>
            </ul>
            <ul class="b5_1">
                <div class="b5_text">
                    <p>福利中心</p>
                    <span>领福利<i class="iconfont icon-fangxiang-xiangyou"></i></span>
                </div>
                    
                <li>
                    <img src="./img/b5_3.jpg" alt="">
                </li>
                <li>
                    <img src="./img/b5_4.jpg" alt="">
                </li>
            </ul>
        </div> 
        <div class="b6">
            <ul class="b6_1">
                <li>
                    <i class="iconfont icon-liuxing"></i>
                    <p>漫星竞速</p>
                    <span>16号正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-wode-faxian-youxizhongxin"></i>
                    <p>游戏中心</p>
                    <span>无需下载立即玩</span>
                </li>
                <li>
                    <i class="iconfont icon-wode-faxian-youxizhongxin"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-shangcheng"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-gexingzhuangban"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-lipin"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-apply"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
                <li>
                    <i class="iconfont icon-shangcheng"></i>
                    <p>漫星竞速</p>
                    <span>16正式开始</span>
                </li>
            </ul>

        </div>
        <div class="b7">
            <ul class="b7_1">
                <li>
                    <i class="iconfont icon-shezhi"></i>
                    <p>我的设置</p>
                </li>
                <li>
                    <i class="iconfont icon-xiazai"></i>
                    <p>离线下载</p>
                </li>
                <li>
                    <i class="iconfont icon-user_i_"></i>
                    <p>我的消息</p>
                </li>
                <li>
                    <i class="iconfont icon-fankui"></i>
                    <p>帮助与反馈</p>
                </li>
                <li>
                    <i class="iconfont icon-youhuijuan"></i>
                    <p>兑换中心</p>
                </li>
                <li>
                    <i class="iconfont icon-mimaxiaoyanjing-guanbi"></i>
                    <p>隐私设置</p>
                </li>
                <li>
                    <i class="iconfont icon-yusan"></i>
                    <p>青少年模式</p>
                </li>
                
            </ul>
        </div>
        <div class="b8">
            
        </div>
        <nav class="bnav">
            <ul>
                <li>
                    <a href="./home_page.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zhuye"></use>
                        </svg>
                        <p>推荐</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-quanzi"></use>
                        </svg>
                        <p>圈子</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tuiguangdashiVIP"></use>
                        </svg>
                        <p>会员</p>
                    </a>
                </li>
                <li>
                    <a href="./bookShelf.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jiarushujia_01"></use>
                        </svg>
                        <p>书架</p>
                    </a>
                </li>
                <li>
                    <a href="./b.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xiepinglun"></use>
                        </svg>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
    </nav>
    </div>
    <script>
        var main=document.querySelector(".main");
        var b1=main.querySelector(".b1");
        var b1_1=b1.querySelector(".b1_1");
        var b1_2=b1.querySelector(".b1_2");
        var b1_3=b1.querySelector(".b1_3");
        b1_1.onclick=()=>{
            window.location.href = "./index.html";
        }
        b1_2.onclick=()=>{
            window.location.href = "./index.html";
        }
        b1_3.onclick=()=>{
            window.location.href = "./index.html";
        }

    </script>
</body>
</html>